<template>
  <div class="home">
    <img alt="Vue logo" src="../assets/logo.png">
    <HelloWorld msg="Welcome to Your Vue.js App"/>
    <div v-html="markdownh"   class="markdown-body" style="text-align:left;width:90%;margin-bottom:50px"></div>
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
  </div>
</template>

<script>
// @ is an alias to /src
// import readme from '../../mock/Java基础2.md'
import HelloWorld from '@/components/HelloWorld'
import Header from '@/components/Header'
      
import {markdownh} from '@/api/index'
export default {
  name: 'MarkDown_show',
  components: {
    HelloWorld,
    Header
  },
  data() {
    return {
      markdownh: ''
    }
  },
  created() {
    markdownh().then((data) => {
      this.markdownh = data.data.html
    })
  }
}
</script>